<footer id="footer">
  <div class="footer-wrap">
    <div class="ant-row">
      <div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6">
        <div class="footer-center">
          <h2><span>Resources</span></h2>
          <div><a href="http://ant.design/">Ant Design</a></div>
          <div><a href="http://mobile.ant.design/">Ant Design Mobile</a></div>
          <div>
            <a href="http://ng.ant.design/">NG-ZORRO</a><span> - </span>Ant
            Design of Angular
          </div>
          <div><a href="https://ng.mobile.ant.design/">NG-ZORRO-MOBILE</a></div>
          <div>
            <a
              target="_blank "
              href="https://github.com/websemantics/awesome-ant-design"
              ><span>Awesome Ant Design</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="http://kitchen.alipay.com/"
              >Kitchen</a
            ><span> - </span><span>Sketch Toolkit</span>
          </div>
          <div>
            <span class="ant-badge"
              ><a
                target="_blank"
                rel="noopener noreferrer"
                href="http://landing.ant.design/"
                >Ant Design Landing</a
              ><span> - </span><span>Landing Templates</span
              ><sup
                data-show="true"
                style="right:-3px;margin-top:0"
                class="ant-scroll-number ant-badge-dot"
              ></sup
            ></span>
          </div>
          <div>
            <a href="http://scaffold.ant.design/">Scaffolds</a><span> - </span
            ><span>Scaffold Market</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://github.com/dvajs/dva"
              >dva</a
            >
            - <span>Framework</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="http://motion.ant.design/"
              >Ant Motion</a
            ><span> - </span><span>Motion Solution</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="http://library.ant.design/"
              >Axure Library</a
            ><span> - </span><span>Axure library</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="http://ux.ant.design/"
              >Ant UX</a
            ><span> - </span><span>Sitemap Template</span>
          </div>
          <div>
            <a target="_blank " href="https://ant-design-pro.gitee.io/"
              ><span>China Mirror 🇨🇳</span></a
            >
          </div>
        </div>
      </div>
      <div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6">
        <div class="footer-center">
          <h2><span>Community</span></h2>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://zhuanlan.zhihu.com/antdesign"
              ><span>Zhihu</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://medium.com/ant-design/"
              >Medium</a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://twitter.com/antdesignui"
              >Twitter</a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://zhuanlan.zhihu.com/xtech"
              ><span>Experience Cloud Blog</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="http://seeconf.alipay.com/"
              >SEE Conf</a
            ><span> - </span
            ><span>Seeking Experience &amp; Engineering Conference</span>
          </div>
        </div>
      </div>
      <div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6">
        <div class="footer-center">
          <h2><span>Help</span></h2>
          <div>
            <a
              target="_blank "
              href="https://github.com/ant-design/ant-design-pro"
              >GitHub</a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://github.com/ant-design/ant-design/wiki/FAQ"
              ><span>FAQ</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://gitter.im/ant-design/ant-design-pro"
              ><span>Chat Room (中文)</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://github.com/ant-design/ant-design/issues"
              ><span>Issues</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://stackoverflow.com/questions/tagged/antd"
              ><span>StackOverflow</span></a
            >
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://segmentfault.com/t/antd"
              ><span>SegmentFault</span></a
            >
          </div>
        </div>
      </div>
      <div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6">
        <div class="footer-center">
          <h2>
            <img
              class="title-icon"
              src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg"
              alt="AFX Cloud"
            /><span>More Products</span>
          </h2>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://yuque.com/"
              ><span>YuQue</span></a
            ><span> - </span><span>Write your document as a team</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://yunfengdie.com/"
              ><span>FengDie</span></a
            ><span> - </span><span>Mobile web app builder</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://antv.alipay.com/"
              >AntV</a
            ><span> - </span><span>Data Visualization</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="https://eggjs.org/"
              >Egg</a
            ><span> - </span><span>Enterprise Node Framework</span>
          </div>
          <div>
            <a
              target="_blank"
              rel="noopener noreferrer"
              href="http://xcloud.alipay.com/"
              ><span>Ant Experience Cloud</span></a
            >
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="bottom-bar">
    Made with <span class="heart">❤</span> by<a
      target="_blank"
      rel="noopener noreferrer"
      href="https://yuque.com/afx/blog"
      ><span>AFX</span></a
    >
  </div>
</footer>
